import React from 'react';

export default function ContentBox(props: API.IContentBoxProps) {
  const { style, children, className } = props;
  const defaultStyle: React.CSSProperties = {
    width: 300,
    height: 150,
    display: 'flex',
    flexDirection: 'column',
    border: '#efefef 1px solid',
    boxSizing: 'border-box',
    padding: 8
  };
  return (
    <div className={className} style={Object.assign(defaultStyle, style)}>
      {children}
    </div>
  );
}